import { defineStore } from 'pinia'
import store from '../index'
import { ref } from 'vue'
import variables from '@/styles/variables.module.scss'
export const useThemeStore = defineStore(
  'themeStore',
  () => {
    const variableColors = ref(variables)
    const theme = ref(false)
    const changeTheme = () => {
      theme.value = !theme.value
    }
    return { variableColors, theme, changeTheme }
  },
  {
    persist: {
      paths: ['theme']
    }
  }
)
